.vui-arrow {
  width: 8px;
  height: 8px;
  fill: #666;
  stroke: #666;
}

.vui-arrow-container-split,
.vui-arrow-container {
  box-sizing: border-box;
  width: 12px;
  height: 24px;
  padding: 0px 4px 0px 0px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vui-arrow-container-split > .vui-arrow,
.vui-arrow-container > .vui-arrow {
  width: 8px;
  display: block;
}

.vui-arrow-container-split:hover {
  cursor: pointer;
  background: var(--btn-selected);
}
